
.container{width:1220px;margin:0px auto 0px auto;}
.wapper{ background:#FFF}
.clearfix{ clear:both}
.hide{display:none}
.del{text-decoration: line-through;}
.bleft,.bbottom,.bright,.btop{border-left:1px solid #e9e9e9;}
.btn-login{ color:#FFF; background:#ee3c16; border-color:#ee3c16}
.fright{ float:right;}
.fleft{ float:left;}
.textsm{color:#999; font-size:13px; font-weight:normal;}



.hb_header{ height:100px; }
.hb_header .h_logo{ float:left;}
.hb_header .tit{ padding:30px 0px 30px 0px; font-size:26px; font-weight:bold; color:#666}
.hb_header .h_nav{ float:left; height:100px; width:600px;}
.hb_header .h_nav a.nav_item{ float:left; padding:39px 50px 39px 50px; display:block; font-size:16px;}
.hb_header .h_nav a.nav_item i{ margin:0px 0px 0px 5px;}
.hb_header .h_nav a.nav_item:hover{ text-decoration:none; background:#ee3c16; color:#FFF}
.hb_header .h_nav a.nav_item:hover i{color:#FFF; }
.hb_header .myshopcart{ float:right;padding:42px 10px 42px 10px;}
.hb_header .myshopcart .num{ padding:5px; background:#ee3c16; color:#FFF}
.hb_header .myshopcart a{ margin:0px 10px 0px 0px; font-size:14px}
.hb_header .myhbdiy{ float:right;padding:42px 10px 42px 10px;}
.hb_header .myhbdiy .fa{ font-size:16px; margin:-5px 10px 0px 0px;}
.hb_header .myhbdiy a{ font-size:14px;}

.hb_main{ background:#f6f6f6; height:550px; background-image:url(../img/login_bg.jpg); background-repeat:no-repeat;
background-position:center;}
.login_news{ float:left;width:650px; height:550px;}
.hb_main .login_form{ width:350px; float:right; margin:100px 0px 0px 0px; padding:20px; background:#fcfcfc;}
.hb_main .login_form .form_title{ font-size:18px; margin:0px 0px 10px 0px; color:#333}
.logintext{ height:45px; margin:0px 0px 20px 0px; border:1px solid #bbb;}
.hb_main .login_form .login_tool{ padding:20px 0px 20px 0px; }
.hb_main .login_form .login_tool a{color:#999; font-size:13px;}


.crumbs_bar{ margin:10px 0px 10px 0px;}
.crumbs_bar .nav_main{ font-size:20px; font-weight:bold; padding:5px 10px 5px 0px;}
.crumbs_bar .nav_nomal{font-size:14px;  padding:5px 10px 5px 0px;}
.crumbs_bar .check_item{font-size:14px; padding:5px 5px 5px 10px; border:1px solid #ccc; margin:0px 10px 0px 0px; cursor:pointer;}
.crumbs_bar .check_item:hover{ border:1px solid #F00;}
.crumbs_bar .check_item a .fa{ font-size:14px; color:#F00;}
.crumbs_bar .check_item span{}

.selector_bar{ margin:10px 0px 10px 0px;}
.selector_bar .tit{ font-size:14px; background:#F1F1F1; padding:10px; border-top:1px solid #DDD; border-bottom:1px solid #DDD; }
.selector_bar .se_row{ padding:10px 10px 10px 10px; border-bottom:1px solid #DDD}
.selector_bar .se_row .group{ float:left; width:100px;}
.selector_bar .se_row .ul_item{ float:left;}
.selector_bar .se_row .ul_item li{ float:left; margin:0px 10px 0px 10px;}
.selector_bar .se_row .ul_item li a{ color:#06C} 

.hb_glist{ }
.hb_glist .ls_goods{ width:285px; height:420px; padding:10px; float:left;border:1px solid #fff;  margin:5px;}
.hb_glist .ls_goods:hover{border:1px solid #ddd;}
.hb_glist .ls_goods .ls_gimg{ width:262px; height:280px;}
.hb_glist .ls_goods .gprice{ padding:10px 0px 10px 0px; color:#C00; font-size:18px; font-weight:bold; }
.hb_glist .ls_goods .gname{ padding:0px 10px 10px 0px; }
.hb_glist .ls_goods .gname a{text-decoration:none; white-space:normal }
.hb_glist .ls_goods .gname a em{ font-style:normal; white-space:normal}
.hb_glist .ls_goods .gname a i{font-style:normal; color:#F93; margin:0px 0px 0px 5px; white-space:normal}
.hb_glist .ls_goods .gbut{padding:0px 20px 10px 20px; }
.hb_glist .ls_goods .gbut i{ margin:0px 5px 0px 0px;}
.hb_glist .ls_pager{ text-align:right}




.hb_bottom{ background:#272727; min-height:100px;}
.hb_bottom .contact{ color:#FFF; margin:20px 0px 0px 0px; float:left;}
.hb_bottom .contact .tel{ color:#f0f0f0; font-size:36px; font-weight:bold;}
.hb_bottom .contact .time{ color:#f0f0f0; font-size:16px;}
.hb_bottom .contact .email{ color:#f0f0f0; font-size:14px;}
.hb_bottom .b_nav{ float:right;margin:20px 0px 0px 0px;}
.hb_bottom .b_nav a{ color:#f0f0f0; font-size:14px; margin:0px 0px 0px 20px;}
.hb_bottom .b_nav .dis{ color:#f0f0f0;  margin:10px 0px 0px 0px; text-align:right;}


.btn-hblogin {
  color: #fff;
  background-color: #ee3c16;
  border-color: #ee3c16;
}
.btn-hblogin:focus,
.btn-hblogin.focus {
  color: #fff;
  background-color: #e13813;
  border-color: #e13813;
}
.btn-hblogin:hover {
  color: #fff;
  background-color: #e13813;
  border-color: #e13813;
}
.btn-hblogin:active,
.btn-hblogin.active,
.open > .dropdown-toggle.btn-hblogin {
  color: #fff;
  background-color: #ee3c16;
  border-color: #ee3c16;
}
.btn-hblogin:active:hover,
.btn-hblogin.active:hover,
.open > .dropdown-toggle.btn-hblogin:hover,
.btn-hblogin:active:focus,
.btn-hblogin.active:focus,
.open > .dropdown-toggle.btn-hblogin:focus,
.btn-hblogin:active.focus,
.btn-hblogin.active.focus,
.open > .dropdown-toggle.btn-hblogin.focus {
  color: #fff;
  background-color: #e13813;
  border-color: #e13813;
}
.btn-hblogin:active,
.btn-hblogin.active,
.open > .dropdown-toggle.btn-hblogin {
  background-image: none;
}
.btn-hblogin.disabled,
.btn-hblogin[disabled],
fieldset[disabled] .btn-hblogin,
.btn-hblogin.disabled:hover,
.btn-hblogin[disabled]:hover,
fieldset[disabled] .btn-hblogin:hover,
.btn-hblogin.disabled:focus,
.btn-hblogin[disabled]:focus,
fieldset[disabled] .btn-hblogin:focus,
.btn-hblogin.disabled.focus,
.btn-hblogin[disabled].focus,
fieldset[disabled] .btn-hblogin.focus,
.btn-hblogin.disabled:active,
.btn-hblogin[disabled]:active,
fieldset[disabled] .btn-hblogin:active,
.btn-hblogin.disabled.active,
.btn-hblogin[disabled].active,
fieldset[disabled] .btn-hblogin.active {
  background-color: #e13813;
  border-color: #e13813;
}
.btn-hblogin .badge {
  color: #ee3c16;
  background-color: #fff;
}

